<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>花龙腾航 - 翱翔天际的东方巨龙</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .fade-in {
            animation: fadeIn 1.5s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        .slide-in-left {
            animation: slideInLeft 1s ease-out;
        }
        @keyframes slideInLeft {
            from { transform: translateX(-100px); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        .slide-in-right {
            animation: slideInRight 1s ease-out;
        }
        @keyframes slideInRight {
            from { transform: translateX(100px); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
    </style>
</head>
<body class="bg-gray-100 font-sans">
<!-- 导航栏 -->
<nav class="fixed w-full bg-white shadow-lg z-50">
    <div class="container mx-auto px-6 py-3">
        <div class="flex justify-between items-center">
            <div class="flex items-center">
                <img src="https://via.placeholder.com/50x50" alt="花龙腾航 Logo" class="h-12">
                <span class="ml-3 text-2xl font-bold text-blue-800">花龙腾航</span>
            </div>
            <div class="hidden md:flex space-x-8">
                <a href="#about" class="text-blue-800 hover:text-blue-600 font-medium">公司简介</a>
                <a href="#fleet" class="text-blue-800 hover:text-blue-600 font-medium">机队规模</a>
                <a href="#routes" class="text-blue-800 hover:text-blue-600 font-medium">航线网络</a>
                <a href="#service" class="text-blue-800 hover:text-blue-600 font-medium">服务特色</a>
                <a href="#awards" class="text-blue-800 hover:text-blue-600 font-medium">荣誉奖项</a>
            </div>
            <div class="md:hidden">
                <button class="text-blue-800 focus:outline-none">
                    <i class="fas fa-bars text-2xl"></i>
                </button>
            </div>
        </div>
    </div>
</nav>

<!-- 英雄区域 -->
<header class="parallax h-screen flex items-center justify-center relative" style="background-image: url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');">
    <div class="absolute inset-0 bg-black opacity-50"></div>
    <div class="text-center z-10 px-4 fade-in">
        <h1 class="text-5xl md:text-7xl font-bold text-white mb-6">花龙腾航</h1>
        <p class="text-xl md:text-2xl text-white mb-8">翱翔天际的东方巨龙 · 连接世界的空中桥梁</p>
        <a href="#about" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 transform hover:scale-105">
            探索更多
        </a>
    </div>
    <div class="absolute bottom-10 left-0 right-0 flex justify-center">
        <a href="#about" class="text-white animate-bounce">
            <i class="fas fa-chevron-down text-3xl"></i>
        </a>
    </div>
</header>

<!-- 关于公司部分 -->
<section id="about" class="py-20 bg-white">
    <div class="container mx-auto px-6">
        <div class="flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0 slide-in-left">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="花龙腾航总部" class="rounded-lg shadow-xl">
            </div>
            <div class="md:w-1/2 md:pl-12 slide-in-right">
                <h2 class="text-4xl font-bold text-blue-800 mb-6">关于花龙腾航</h2>
                <p class="text-gray-700 mb-4 text-lg leading-relaxed">
                    花龙腾航成立于2005年，是中国领先的全服务航空公司，总部位于上海浦东国际机场。公司名称"花龙腾航"寓意着如花般绽放的东方巨龙腾飞于天际，象征着公司的雄心壮志和对卓越的不懈追求。
                </p>
                <p class="text-gray-700 mb-4 text-lg leading-relaxed">
                    经过近20年的快速发展，花龙腾航已成长为亚洲最具影响力的航空公司之一，航线网络覆盖全球50多个国家和地区的200多个目的地。我们以"安全第一、服务至上、追求卓越"为核心理念，致力于为旅客提供安全、舒适、便捷的航空旅行体验。
                </p>
                <div class="mt-8 grid grid-cols-2 gap-4">
                    <div class="bg-blue-50 p-4 rounded-lg">
                        <h3 class="text-xl font-bold text-blue-800 mb-2">我们的使命</h3>
                        <p class="text-gray-700">连接世界，传递东方文化，创造非凡旅行体验</p>
                    </div>
                    <div class="bg-blue-50 p-4 rounded-lg">
                        <h3 class="text-xl font-bold text-blue-800 mb-2">我们的愿景</h3>
                        <p class="text-gray-700">成为全球最受尊敬的航空公司品牌</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 里程碑部分 -->
<section class="py-20 bg-gray-100">
    <div class="container mx-auto px-6">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-16">发展里程碑</h2>
        <div class="relative">
            <div class="hidden md:block absolute left-1/2 top-0 h-full w-1 bg-blue-200 transform -translate-x-1/2"></div>
            <!-- 里程碑项目 -->
            <div class="mb-12">
                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right">
                        <h3 class="text-2xl font-bold text-blue-800">2005年</h3>
                        <p class="text-gray-700">花龙腾航正式成立，首航上海至北京航线</p>
                    </div>
                    <div class="hidden md:block w-12 h-12 rounded-full bg-blue-600 mx-auto flex items-center justify-center text-white font-bold z-10">1</div>
                    <div class="md:w-1/2 md:pl-12">
                        <img src="https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="首航" class="rounded-lg shadow-lg">
                    </div>
                </div>
            </div>

            <div class="mb-12">
                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-1/2 md:pr-12 order-1">
                        <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="国际航线" class="rounded-lg shadow-lg">
                    </div>
                    <div class="hidden md:block w-12 h-12 rounded-full bg-blue-600 mx-auto flex items-center justify-center text-white font-bold z-10">2</div>
                    <div class="md:w-1/2 md:pl-12 mb-6 md:mb-0 order-0 text-left">
                        <h3 class="text-2xl font-bold text-blue-800">2010年</h3>
                        <p class="text-gray-700">开通首条国际航线上海至东京，开启国际化征程</p>
                    </div>
                </div>
            </div>

            <div class="mb-12">
                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right">
                        <h3 class="text-2xl font-bold text-blue-800">2015年</h3>
                        <p class="text-gray-700">机队规模突破100架，年旅客运输量超2000万人次</p>
                    </div>
                    <div class="hidden md:block w-12 h-12 rounded-full bg-blue-600 mx-auto flex items-center justify-center text-white font-bold z-10">3</div>
                    <div class="md:w-1/2 md:pl-12">
                        <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="机队" class="rounded-lg shadow-lg">
                    </div>
                </div>
            </div>

            <div class="mb-12">
                <div class="flex flex-col md:flex-row items-center">
                    <div class="md:w-1/2 md:pr-12 order-1">
                        <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="五星评级" class="rounded-lg shadow-lg">
                    </div>
                    <div class="hidden md:block w-12 h-12 rounded-full bg-blue-600 mx-auto flex items-center justify-center text-white font-bold z-10">4</div>
                    <div class="md:w-1/2 md:pl-12 mb-6 md:mb-0 order-0 text-left">
                        <h3 class="text-2xl font-bold text-blue-800">2020年</h3>
                        <p class="text-gray-700">荣获SKYTRAX五星航空公司评级，跻身全球顶级航空公司行列</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 机队规模部分 -->
<section id="fleet" class="py-20 bg-white">
    <div class="container mx-auto px-6">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-16">我们的机队</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <!-- 飞机1 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="波音787" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">波音787梦想客机</h3>
                    <p class="text-gray-700 mb-4">我们的旗舰机型，配备最先进的客舱系统和娱乐设施</p>
                    <div class="flex justify-between text-sm text-gray-600">
                        <span><i class="fas fa-users mr-1"></i> 290座</span>
                        <span><i class="fas fa-plane mr-1"></i> 18架</span>
                        <span><i class="fas fa-clock mr-1"></i> 2018年引进</span>
                    </div>
                </div>
            </div>

            <!-- 飞机2 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="空客A350" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">空客A350 XWB</h3>
                    <p class="text-gray-700 mb-4">超远程宽体客机，燃油效率高，乘客舒适度极佳</p>
                    <div class="flex justify-between text-sm text-gray-600">
                        <span><i class="fas fa-users mr-1"></i> 325座</span>
                        <span><i class="fas fa-plane mr-1"></i> 12架</span>
                        <span><i class="fas fa-clock mr-1"></i> 2019年引进</span>
                    </div>
                </div>
            </div>

            <!-- 飞机3 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="空客A320neo" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">空客A320neo</h3>
                    <p class="text-gray-700 mb-4">单通道客机主力，运营效率高，适合中短程航线</p>
                    <div class="flex justify-between text-sm text-gray-600">
                        <span><i class="fas fa-users mr-1"></i> 180座</span>
                        <span><i class="fas fa-plane mr-1"></i> 45架</span>
                        <span><i class="fas fa-clock mr-1"></i> 2016年引进</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-12 bg-blue-50 rounded-lg p-8">
            <h3 class="text-2xl font-bold text-blue-800 mb-4">机队概况</h3>
            <p class="text-gray-700 mb-6">
                花龙腾航拥有现代化、年轻化的机队，平均机龄仅5.2年，远低于行业平均水平。我们持续投资于最新、最环保的飞机技术，目前运营着由波音和空客组成的混合机队，共计120架飞机，包括宽体客机30架，窄体客机90架。
            </p>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <div class="bg-white p-4 rounded-lg shadow text-center">
                    <div class="text-3xl font-bold text-blue-600">120+</div>
                    <div class="text-gray-600">飞机总数</div>
                </div>
                <div class="bg-white p-4 rounded-lg shadow text-center">
                    <div class="text-3xl font-bold text-blue-600">5.2</div>
                    <div class="text-gray-600">平均机龄(年)</div>
                </div>
                <div class="bg-white p-4 rounded-lg shadow text-center">
                    <div class="text-3xl font-bold text-blue-600">50+</div>
                    <div class="text-gray-600">国际目的地</div>
                </div>
                <div class="bg-white p-4 rounded-lg shadow text-center">
                    <div class="text-3xl font-bold text-blue-600">200+</div>
                    <div class="text-gray-600">国内目的地</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 航线网络部分 -->
<section id="routes" class="py-20 bg-gray-100">
    <div class="container mx-auto px-6">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-16">全球航线网络</h2>
        <div class="flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="航线图" class="rounded-lg shadow-xl">
            </div>
            <div class="md:w-1/2 md:pl-12">
                <h3 class="text-2xl font-bold text-blue-800 mb-4">连接世界，服务全球</h3>
                <p class="text-gray-700 mb-6">
                    花龙腾航以中国主要城市为枢纽，构建了覆盖全球的航线网络。我们在亚洲、欧洲、北美、大洋洲和非洲的主要城市均设有定期航班，为商务和休闲旅客提供便捷的空中桥梁。
                </p>
                <div class="space-y-4">
                    <div class="flex items-start">
                        <div class="bg-blue-100 p-2 rounded-full mr-4">
                            <i class="fas fa-globe-asia text-blue-600"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-gray-800">亚洲网络</h4>
                            <p class="text-gray-600">覆盖东亚、东南亚、南亚和中东所有主要城市</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <div class="bg-blue-100 p-2 rounded-full mr-4">
                            <i class="fas fa-globe-europe text-blue-600"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-gray-800">欧洲网络</h4>
                            <p class="text-gray-600">直达伦敦、巴黎、法兰克福、罗马等20个欧洲城市</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <div class="bg-blue-100 p-2 rounded-full mr-4">
                            <i class="fas fa-globe-americas text-blue-600"></i>
                        </div>
                        <div>
                            <h4 class="font-bold text-gray-800">美洲网络</h4>
                            <p class="text-gray-600">纽约、洛杉矶、旧金山、温哥华、多伦多等12个北美城市</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-16 bg-white rounded-lg p-8 shadow-lg">
            <h3 class="text-2xl font-bold text-blue-800 mb-6">我们的枢纽机场</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
                    <div class="flex items-center mb-4">
                        <img src="https://via.placeholder.com/40x40" alt="上海浦东" class="h-10 w-10 rounded-full mr-3">
                        <h4 class="font-bold text-lg">上海浦东国际机场</h4>
                    </div>
                    <p class="text-gray-600 mb-3">我们的主枢纽，每日起降航班超过300架次</p>
                    <div class="text-sm text-gray-500">
                        <i class="fas fa-map-marker-alt mr-1"></i> 中国上海
                    </div>
                </div>
                <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
                    <div class="flex items-center mb-4">
                        <img src="https://via.placeholder.com/40x40" alt="北京首都" class="h-10 w-10 rounded-full mr-3">
                        <h4 class="font-bold text-lg">北京首都国际机场</h4>
                    </div>
                    <p class="text-gray-600 mb-3">北方枢纽，连接东北亚和欧洲的重要门户</p>
                    <div class="text-sm text-gray-500">
                        <i class="fas fa-map-marker-alt mr-1"></i> 中国北京
                    </div>
                </div>
                <div class="border border-gray-200 rounded-lg p-6 hover:shadow-md transition">
                    <div class="flex items-center mb-4">
                        <img src="https://via.placeholder.com/40x40" alt="广州白云" class="h-10 w-10 rounded-full mr-3">
                        <h4 class="font-bold text-lg">广州白云国际机场</h4>
                    </div>
                    <p class="text-gray-600 mb-3">南方枢纽，东南亚和澳洲航线的主要运营基地</p>
                    <div class="text-sm text-gray-500">
                        <i class="fas fa-map-marker-alt mr-1"></i> 中国广州
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 服务特色部分 -->
<section id="service" class="py-20 bg-white">
    <div class="container mx-auto px-6">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-16">卓越服务体验</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <!-- 机上服务 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="机上服务" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">机上服务</h3>
                    <p class="text-gray-700 mb-4">我们提供世界级的机上服务，包括精致的餐饮、丰富的娱乐节目和舒适的座椅，让您的旅途更加愉快。</p>
                    <ul class="list-disc list-inside text-gray-600">
                        <li>多语种空乘服务</li>
                        <li>个性化餐饮选择</li>
                        <li>最新电影和音乐</li>
                        <li>宽敞的座椅空间</li>
                    </ul>
                </div>
            </div>
            <!-- 地面服务 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg">
                <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="地面服务" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">地面服务</h3>
                    <p class="text-gray-700 mb-4">从值机到登机，我们的地面服务团队致力于为您提供无缝的旅行体验。</p>
                    <ul class="list-disc list-inside text-gray-600">
                        <li>自助值机和行李托运</li>
                        <li>豪华贵宾室</li>
                        <li>快速安检通道</li>
                        <li>个性化接送服务</li>
                    </ul>
                </div>
            </div>
            <!-- 客户关怀 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg">
                <img src="https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="客户关怀" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">客户关怀</h3>
                    <p class="text-gray-700 mb-4">我们重视每一位客户，提供全方位的客户关怀服务，确保您的需求得到满足。</p>
                    <ul class="list-disc list-inside text-gray-600">
                        <li>常旅客计划</li>
                        <li>24/7客户服务热线</li>
                        <li>在线客服支持</li>
                        <li>个性化旅行建议</li>
                    </ul>
                </div>
            </div>
            <!-- 创新服务 -->
            <div class="bg-gray-100 rounded-lg overflow-hidden shadow-lg">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="创新服务" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-blue-800 mb-2">创新服务</h3>
                    <p class="text-gray-700 mb-4">我们不断创新，利用最新技术为旅客提供更便捷的服务体验。</p>
                    <ul class="list-disc list-inside text-gray-600">
                        <li>移动应用预订和管理</li>
                        <li>在线选座和升舱</li>
                        <li>电子登机牌</li>
                        <li>虚拟现实旅行体验</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 荣誉奖项部分 -->
<section id="awards" class="py-20 bg-gray-100">
    <div class="container mx-auto px-6">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-16">荣誉与奖项</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            <!-- 奖项1 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="SKYTRAX五星航空公司" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">SKYTRAX五星航空公司</h3>
                    <p class="text-gray-700 mb-4">2020年</p>
                    <p class="text-gray-600">全球航空业最高荣誉，表彰我们在服务、安全和创新方面的卓越表现。</p>
                </div>
            </div>
            <!-- 奖项2 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="最佳航空公司" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">最佳航空公司</h3>
                    <p class="text-gray-700 mb-4">2019年</p>
                    <p class="text-gray-600">由国际航空运输协会颁发，认可我们在全球航空业的领先地位。</p>
                </div>
            </div>
            <!-- 奖项3 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="最佳客户服务" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">最佳客户服务</h3>
                    <p class="text-gray-700 mb-4">2018年</p>
                    <p class="text-gray-600">客户满意度调查中获得最高评价，证明了我们对客户体验的承诺。</p>
                </div>
            </div>
            <!-- 奖项4 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1556388158-158ea5ccacbd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="环保航空公司" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">环保航空公司</h3>
                    <p class="text-gray-700 mb-4">2021年</p>
                    <p class="text-gray-600">表彰我们在减少碳排放和推动可持续航空燃料方面的努力。</p>
                </div>
            </div>
            <!-- 奖项5 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1436491865332-7a61a109cc05?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="最佳机上娱乐" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">最佳机上娱乐</h3>
                    <p class="text-gray-700 mb-4">2017年</p>
                    <p class="text-gray-600">我们的机上娱乐系统提供丰富的电影、音乐和游戏，获得业界认可。</p>
                </div>
            </div>
            <!-- 奖项6 -->
            <div class="bg-white rounded-lg overflow-hidden shadow-lg transform transition duration-500 hover:scale-105">
                <img src="https://images.unsplash.com/photo-1520523839897-bd0b52f945a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="最佳航空公司APP" class="w-full h-48 object-cover">
                <div class="p-6">
                    <h3 class="text-xl font-bold text-blue-800 mb-2">最佳航空公司APP</h3>
                    <p class="text-gray-700 mb-4">2022年</p>
                    <p class="text-gray-600">我们的移动应用以其用户友好性和功能丰富性获得奖项。</p>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>
